<template>
	<view class="qrimg">
		<tki-qrcode ref="qrcode" :val="val" :icon="icon" :iconSize="iconsize" :onval="onval"
			:loadMake="loadMake" :loadingText="loadingText" @result="qrR" />
	</view>
</template>

<script>
	import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
	export default {
		components: {
			tkiQrcode
		},
		data() {
			return {
				cid: new Date().getTime(), // canvasId，页面存在多个二维码组件时需设置不同的ID
				val: 'pages/allsearch/allsearch.html', // 要生成的内容
				iconsize: 40, // 二维码图标大小
				onval: false, // 监听val值变化自动重新生成二维码
				loadMake: true, // 组件初始化完成后自动生成二维码，val需要有值
				loadingText: '生成中',
				src: '' // 二维码生成后的图片地址或base64
			};
		},
		methods: {
			qrR(res) {
				this.src = res
			}
		}
	}
</script>

<style lang="scss">

</style>